import { createRouter, createWebHashHistory } from "vue-router"
import Home from "../views/Home.vue"

const routerHistory = createWebHashHistory('vue3/index.html')
const layoutBase = 'LayoutBase'
const layout1 = 'Layout1'
const layout2 = 'Layout2'

const router = createRouter({
	history: routerHistory, // history
	routes: [
		{
			path: '/',
			redirect: '/home'
		},
		{
			path: "/home",
			name: "Home",
			component: Home,
			meta: {
				layout: layoutBase,
			}
		},
		{
			path: "/example/ExampleList1",
			name: "ExampleList1",
			component: () => import("../views/example/ExampleList1.vue"),
		},
		{
			path: "/example/ExampleList2",
			name: "ExampleList2",
			component: () => import("../views/example/ExampleList2.vue"),
		},
		
		{
			path: "/noteA/NoteA01",
			name: "NoteA01",
			component: () => import("../views/noteA/NoteA01/NoteA01.vue"),
		},
		{
			path: "/noteA/NoteA02",
			name: "NoteA02",
			component: () => import("../views/noteA/NoteA02/NoteA02.vue"),
		},
		{
			path: "/noteA/NoteA03",
			name: "NoteA03",
			component: () => import("../views/noteA/NoteA03/NoteA03.vue"),
		},

		{
			path: "/compositionAPI/varparam",
			name: "varparam",
			component: () => import("../compositionAPI/varparam/index.vue"),
			meta: {
				layout: 'LayoutNone',
			},
		},
		{
			path: "/compositionAPI/Other1",
			name: "Other1",
			component: () => import("../compositionAPI/others/Other1.vue"),
			meta: {
				layout: 'LayoutNone',
			},
		},
		{
			path: "/compositionAPI/Message1",
			name: "Message1",
			component: () => import("../compositionAPI/message/Index.vue"),
			meta: {
				layout: 'LayoutNone',
			},
		},
		{
			path: "/compositionAPI/Vmodels",
			name: "Vmodels",
			component: () => import("../compositionAPI/vmodels/Vmodels.vue"),
			meta: {
				layout: 'LayoutNone',
			},
		},
		// {
		// 	path: "/VisualTempEditCont",
		// 	name: "VisualTempEditCont",
		// 	component: () => import("../views/visualEditTemp/VisualTempEditCont.vue"),
		// 	meta: {
		// 		layout: 'LayoutNone',
		// 	},
		// },
		{
			path: "/VisualTempEditTemp",
			name: "VisualTempEditTemp",
			component: () => import("../views/visualEditTemp/VisualTempEditTemp.vue"),
			meta: {
				layout: 'LayoutNone',
			},
		},
		// {
		// 	path: "/VisualTempPrev",
		// 	name: "VisualTempPrev",
		// 	component: () => import("../views/visualEditTemp/VisualTempPrev.vue"),
		// 	meta: {
		// 		layout: 'LayoutNone',
		// 	},
		// },
		// {
		// 	path: "/VisualTempPrevEmpty",
		// 	name: "VisualTempPrevEmpty",
		// 	component: () => import("../views/visualEditTemp/VisualTempPrevEmpty.vue"),
		// 	meta: {
		// 		layout: 'LayoutNone',
		// 	},
		// },

	]
})

export default router